<!DOCTYPE html>
<html lang="utf-8">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>易备安数据管理平台</title>

    <link rel="stylesheet" type="text/css" href="/web/css/basic.css">
    <link rel="stylesheet" type="text/css" href="/web/css/client-common.css">
    <link rel="stylesheet" type="text/css" href="/web/css/g.css">
    <!-- Bootstrap -->
    <link href="/web/css/bootstrap/bootstrap.min.css" rel="stylesheet">
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>    
    <script src="//cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="//cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>    
    <![endif]-->
</head>
<body>
<div class="container" style="min-width:1170px;">
	<div class="index-w50 g-mt15 fl" style="min-width:560px;">
	     <div class="pie-chart">
	         <div class="index-title">终端基本信息</div>
	         <div class="inner-body">
	             <div style="width: 100%; height:307px; margin: 0 auto" class="g-fs-14">
	                  <table cellpadding="0" cellspacing="0" class="index-table">
	                      <tbody><tr>
	                          <th class="g-nobold">用户名称</th>
	                          <td id="t_name" colspan="3" class="g-bold"></td>
	                      </tr>
	                      <tr>
	                          <th class="g-nobold">用户状态</th>
	                          <td id="t_status" class="g-bold"></td>
	                          <th class="g-nobold">总空间</th>
							  <td id="all_space" class="g-bold"></td>
	                      </tr>
	                      	<tr>
									<th class="g-nobold">已用空间</th>
									<td id="no_space" class="g-bold"></td>
									<th class="g-nobold">剩余空间</th>
									<td id="yes_space" class="g-bold"></td>
								</tr>
								

								<tr>
									<th class="g-nobold">服务到期时间</th>
									<td id="serverEnd" class="g-bold"></td>
									<th class="g-nobold">剩余时间</th>
									<td id="days" class="g-bold"></td>
								</tr>
								
									<tr>
									<th class="g-nobold">今天备份次数</th>
									<td id="todayCount" class="g-bold"></td>
									<th class="g-nobold">总备份</th>
									<td id="allCount" class="g-bold"></td>
								</tr>
	               <!--        <tr>
	                          <th class="g-nobold">创建时间</th>
	                          <td id="t_create_time" class="g-bold"></td>
	                          <th class="g-nobold">设备名称</th>
	                          <td id="t_bind_device_name" class="g-bold"></td>
	                      </tr>
	                      <tr>
	                          <th class="g-nobold">邮箱</th>
	                          <td id="t_email" class="g-bold"></td>
	                          <th class="g-nobold">手机号码</th>
	                          <td id="t_mobile" class="g-bold"></td>
	                      </tr>
	                      <tr>
	                          <th class="g-nobold">权限</th>
	                          <td id="t_authority" colspan="3" class="g-bold"></td>
	                      </tr> -->
	                  </tbody></table>
	             </div>
	         </div>
	     </div>
	 </div>
	 <div class="index-w50 g-mt15 fl">
	     <div class="pie-chart">
	         <div class="index-title">存储容量概况</div>
	         <div class="inner-body">
	             <div style="width: 100%; height:307px; margin: 0 auto">
                    <div id="chart" style="min-width: 310px; height: 300px; max-width: 500px; margin: 0 auto"></div>
	             </div>
	         </div>
	     </div>
	 </div>
	 <div class="index-w100 g-mt15 fl" style="display:none">
           <div class="line-chart">
               <div class="index-title">存储增减趋势(<font color="red">Y轴单位：MB</font>)</div>
               <div class="inner-body">
                   <div style="width: 100%; height:300px; margin: 0 auto" class="g-ac">
                   		<table class="table table-bordered">
							<canvas id="lineStorageChart"  height="200" style="width:90%;height:300px;"></canvas>
		                </table>
                   </div>
               </div>
           </div>
       </div> 
     
</div>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="/web/js/jquery/jquery.min.js"></script>
<script src="/web/js/jquery/Chart.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="/web/js/bootstrap/bootstrap.min.js"></script>
<script src="/web/js/jquery_rest.js"></script>
<script src="/web/js/ebeim.js"></script>

<script src="js/highcharts.js"></script>
<script src="js/home.js"></script>
</body>
</html>